@extends('home.jicheng')
@section('content')
<div class="ebody">

    <div class="cart_box1" align="center">
      <div style="margin:20px auto;">
        <div class="cart_tx1"><strong>我挑选的商品</strong></div>
  <div class="cart_box1">
    <div class="lista">





        <table cellpadding="0" cellspacing="0">
         <thead>
                    <tr class="tx">
                        <td class="cellone" colspan="2" align="center" style="text-align:center">商品名</td>
                        <td width="87" >市场价</td>
                        <td width="118">销售价</td>
                        <td width="107">数量</td>
                        <td width="71">小计(元)</td>
                        <td width="67">操作</td>
                    </tr>
         </thead>
         <tbody>
                @foreach($data as $row)
                <tr class="cartli1">
                    <td width="102" valign="middle">
                      <img style="width:100px;height:100px;" src="{{ asset($row -> gid -> gpic) }}" alt="">
                    </td>
                    <td width="363"  class="txtx">{{$row -> gid -> gname}}</td>
                    <td>￥{{$row -> gid -> gpirce}}元</td>
                    <td><big>￥{{$row -> gid -> gpirce}}元</big></span></td>
                    <td align="center"  class="td_bcht"><button class="jia">&nbsp;+&nbsp;</button><input style="width:20px;text-align:center;" type="text"value="{{$row -> bcnt}}"><button class="jian">&nbsp;-&nbsp;</button></td>

                    <td class="list">{{($row -> gid -> gpirce) *($row -> bcnt)}}</td>
                    <td>
                    <span class="bluetxt">
                    <a  href='{{ url("home/cart/del/{$row -> id}") }}' class="moreintro" style="text-decoration:underline">删除</a>

                    </span>

                    </td>
                </tr>
                @endforeach
            </tbody>
            <!-- //修改数量 -->
            <script>

            window.onload = function()
            {

                 //配置ajax选项
                $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                });

                var isdb = true;

                $('.jia').on('click',function(){
                    if(!isdb){return;};
                    isdb = false;
                    var jia = $(this);
                    var gidName = $(this).parent().prev().prev().prev().html();
                    // alert(gidName);
                    var ss = $(this).parent().next();
                    var num = $("#num");

                    //获取原来的值
                    var cnt = $(this).next();
                    var old_value = $(this).next().val();
                    // alert(old_value);
                    //ajax发送
                         $.ajax({
                            //还是跳转到本页面
                            url:"{{ url('/home/cart/ajaxjia') }}",
                            //get方式
                            type:'GET',

                            //发送新修改的键为id的id值name的new_value
                            data:{gname:gidName,pcnt:old_value},

                            //成功执行
                            success:function(data)
                            {
                                // alert(data);
                                var obj = jQuery.parseJSON(data);
                                // alert(obj.pcnt);
                                // var newzong = Number(bj.jiacha) + Number(oldzong);

                                if(data == '1')
                                {
                                    td.html(old_value);
                                }else
                                {
                                    cnt.val(obj.pcnt);
                                    ss.html(obj.pcnts);
                                    num.html(obj.num);
                                }
                            },

                            //失败执行
                            error:function()
                            {

                            },

                            //返回类型
                            dataType:'text'

                         });

                    isdb = true;
                });

                 var isjian = true;
                $('.jian').on('click',function(){
                    if(!isjian){return;};
                    isjian = false;
                    var jia = $(this);
                    var gidName = $(this).parent().prev().prev().prev().html();
                    // alert(gidName);
                    var ss = $(this).parent().next();
                    // alert(ss);
                    var num = $("#num");

                    //获取原来的值
                    var cnt = $(this).prev();
                    var old_value = $(this).prev().val();
                    if(old_value == 1 ) return;
                    // alert(old_value);
                    //ajax发送
                         $.ajax({
                            //还是跳转到本页面
                            url:"{{ url('/home/cart/ajaxjian') }}",
                            //get方式
                            type:'GET',

                            //发送新修改的键为id的id值name的new_value
                            data:{gname:gidName,pcnt:old_value},

                            //成功执行
                            success:function(data)
                            {

                                var obj = jQuery.parseJSON(data);
                                // alert(obj.pcnt);
                                // var newzong = Number(bj.jiacha) + Number(oldzong);

                                if(data == '1')
                                {
                                    td.html(old_value);
                                }else
                                {
                                    cnt.val(obj.pcnt);
                                    ss.html(obj.pcnts);
                                    num.html(obj.num);
                                }
                            },

                            //失败执行
                            error:function()
                            {

                            },

                            //返回类型
                            dataType:'text'


                         });

                    isjian = true;
                });



                // var isDbl =true;
                // $(".td_bcht").on('dblclick',function(){


                //     //判断当存在点击事件就return
                //     if(!isDbl){ return; };
                //     isDbl = false;

                //     //把对象赋给td
                //     var td = $(this);

                //     //获取 id的值
                //     // var id = $(this).parent().child().html();
                //     var gidName = $(this).prev().prev().prev().html();

                //    var ss = $(this).next();
                //    var num = $("#num");


                //     //获取原来的值
                //     var old_value = $(this).html();
                //     //创建input元素
                //     var inp = $('<input style="width:20px;height:10px;" type="text" />');
                //     //将原来value的值写入input
                //     inp.val(old_value);
                //     //将td改为input
                //     $(this).html(inp);

                //     //获取焦点
                //     inp.select();

                //         //失去焦点事件
                //         inp.on('blur',function(){

                //         //获取新值
                //         var new_value = $(this).val();


                //         //ajax发送
                //          $.ajax({
                //             //还是跳转到本页面
                //             url:"{{ url('/home/cart/ajax') }}",
                //             //get方式
                //             type:'GET',

                //             //发送新修改的键为id的id值name的new_value
                //             data:{gname:gidName,pcnt:new_value},



                //             //成功执行
                //             success:function(data)
                //             {
                //                 var obj = jQuery.parseJSON(data);
                //                 // alert(obj.pcnt);
                //                 // var newzong = Number(bj.jiacha) + Number(oldzong);

                //                 if(data == '1')
                //                 {
                //                     td.html(old_value);
                //                 }else
                //                 {
                //                     td.html(obj.pcnt);
                //                     ss.html(obj.pcnts);
                //                     num.html(obj.num);
                //                 }
                //             },

                //             //失败执行
                //             error:function()
                //             {

                //             },

                //             //返回类型
                //             dataType:'text'


                //          });

                //          isDbl = true;

                //         });

                //  });


            }
            </script>

    <tfoot>
        <tr>
          <td height="55" valign="middle"  class="cellone2" >
                        <p><a href="{{ url('home/index') }}"><img src="{{asset('yao/picture/jixugouwu.gif')}}" width="103" height="22" /></a></p>
                        </td>
                        <td height="55" valign="middle"  class="cellone2" >
                        <a href="{{ url('home/cart/delete') }}"><img src="{{asset('yao/picture/qingkong.gif')}}"/></a>
                        &nbsp;&nbsp; 
                        <a href="{{ url('home/cart/index') }}"><img src="{{asset('yao/picture/gengxin.gif')}}"></a>
                    </td>
                    <td height="55" colspan="5" valign="middle"  class="cellone" >
                        <p>立省：￥0元</p>
                        <p class="t2">商品总金额：￥<strong id = "num">{{$num}}</strong>元</p>
                    </td>
                </tr>
    </tfoot>
    </table>




 <!-- </form>        -->


        <div class="cart_infos">
                  <ul>
                    <li class="t3">
                                        <a href="{{ url('home/order/add')}}">
                                        <img src="{{asset('yao/picture/jiesuan.gif')}}" /> </a>
                                        </li>
                    </li>
                    <div class="clear"></div>
          </ul>
      </div>

</div>

</div>

</div>
@endsection('content')